<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>/public/css/style.css" />
        <script type="text/javascript" src="<?php echo base_url() ?>/public/js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url() ?>/public/js/jquery.validate.js"></script>
    </head>
    <body>
        <?php config(); site_url(); ?>
        
        <?php //echo isActiveMenu(array('article', '', 'candidate')); die; ?>
        <div id="main-page">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td align="center">
                        <!-- HEADER -->
                        <div id="page">
                            <div id="header">
                                <!-- header left -->
                                <div class="header-left">
                                    <div id="logo"><img src="<?php echo base_url() ?>/public/images/logo.png" title="napoho"/></div>
                                    <div id="banner"><img src="<?php echo base_url()?>/public/images/banner_new.png"/></div>
                                </div>

                                <!--  header right -->
                                <div class="header-right">                                    
                             		
                                        <!-- Show information user -->
                                         <!-- 
                                        <div class="block-profile">
                                            <?php if(!empty($this->session->userdata['UserName'])): ?>
                                                <ul>
                                                    <li>Xin chào: <a href=""><span><?php echo $this->session->userdata['UserName'] ?></span></a></li>
                                                    <li><a href="<?php echo base_url() ?>/user/logout"><span>Đăng xuất</span></a></li>
                                                </ul>
                                            <?php else: ?>
                                                <ul>
                                                    <li><a href="<?php echo base_url() ?>/user/registry"><span>Đăng ký</span></a></li>
                                                </ul>
                                            <?php endif; ?>
                                        </div>
                                         -->
                                        <!-- end show information user -->
                                    <div class="main-menu">
                                        <ul class="topnav">
                                            <li class="<?php echo (isActiveMenu(array('home')) ? 'active' : '') ?>">
                                                <a href="<?php echo $this->config->site_url() ?>home.html">Trang chủ</a>
                                            </li>
                                            <li class="<?php echo (isActiveMenu(array('page')) ? 'active' : '') ?>">
                                                    <a href="<?php echo $this->config->site_url() ?>page/index/gioi_thieu.html">Giới thiệu</a>
                                            </li>
                                            <li class="<?php echo (isActiveMenu(array('product')) ? 'active' : '') ?>">
                                                <a href="<?php echo $this->config->site_url() ?>product.html">Sản phẩm</a>
                                                <?php $categories = categories(); ?>
                                                <ul class="subnav">
                                                <?php foreach($categories as $key => $category): ?>
                                                    <li><a href="<?php echo base_url() ?>product/productCate/<?php echo $key ?>.html"><?php echo $category ?></a></li>
                                                <?php endforeach; ?>
                                                </ul>
                                            </li>
                                            <li class="<?php echo (isActiveMenu(array('customer')) ? 'active' : '') ?>">
                                                <a href="<?php echo site_url() ?>customer.html">Khách hàng</a>
                                            </li>
                                            <li class="<?php echo (isActiveMenu(array('article',  '', 'news')) ? 'active' : '') ?>">
                                                <a href="<?php echo site_url() ?>article/index/news.html">Tin tức</a>
                                            </li>
                                            <li class="<?php echo (isActiveMenu(array('article', '', 'candidate')) ? 'active' : '') ?>">
                                                <a href="<?php echo site_url() ?>article/index/candidate.html">Tuyển dụng</a>
                                            </li>
                                            <li class="<?php echo (isActiveMenu(array('contact')) ? 'active' : '') ?>">
                                                <a href="<?php echo site_url() ?>contact.html">Liên hệ</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <script type="text/javascript">
                                $(document).ready(function(){  
                                    $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)  
                                    $("ul.topnav li span").click(function() { //When trigger is clicked...  
                                        //Following events are applied to the subnav itself (moving subnav up and down)  
                                        $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click  
                                        $(this).parent().hover(function() {  
                                        }, function(){  
                                            $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up  
                                        });  
                                        //Following events are applied to the trigger (Hover events for the trigger)  
                                        }).hover(function() {  
                                            $(this).addClass("subhover"); //On hover over, add class "subhover"  
                                        }, function(){  //On Hover Out  
                                            $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
                                    });  
                                });  
                            </script>